
<div id="add-js" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="width: 800px; height:450px; margin-left: -400px; top: 10%; display: none;">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
        <h3 class="PopupTitle" style="text-align:center">新建角色信息</h3>
    </div>
    <form id="addRoleForm">
    <div class="modal-body copy-tan" style="height:300px;">
        <ul class="ul-title">

            <li><span style="color: red">*&nbsp;</span>角色名称 </li>
            <li><span style="color: red">*&nbsp;</span>角色编号</li>
        </ul>
        <ul class="u-info">
            <li class="li1" style="border-bottom:none">
                <div class="sel w410">
                    <input class="validate[maxSize[20]]" data-name="ROLENAME" name="roleName" type="text" placeholder="角色名称" style="margin-top:5px">
                </div>
            </li>
            <li class="li1" style="border-bottom:none">
                <div class="sel w410">
                    <input class="validate[custom[onlyLetterNumber],maxSize[20]]" data-name="ROLECODE" name="roleCode" type="text" placeholder="角色编号" style="margin-top:5px">
                </div>
            </li>
        </ul>
        <p class="qg-text" style="margin-top:10px;width:100%">
            <textarea class="validate[maxSize[200]]" rows="" cols="" placeholder="备注" data-name="REMARK" name="remark"></textarea>
        </p>
    </div>
    </form>
    <div class="modal-footer" style="text-align:center">
        <button class="btn btn-w140 btn-save-icon btn-h40" id="addd" onclick="addRole()"><em style="top:10px;left:35px"></em>确定</button>
    </div>

</div>

<div id="mod-js" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="width: 800px; height:450px; margin-left: -400px; top: 10%; display: none;">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
        <h3 class="PopupTitle" style="text-align:center">修改角色信息</h3>
    </div>
    <form id="modRoleForm">
        <div class="modal-body copy-tan" style="height:300px;">
            <ul class="ul-title">
                <li>角色名称 </li>
                <li>角色编号</li>
            </ul>
            <ul class="u-info">
                <li class="li1" style="border-bottom:none">
                    <div class="sel w410">
                        <input type="hidden" data-name="ID_" name="rId" />
                        <input class="validate[required,maxSize[20]]" data-name="ROLENAME" name="roleName" type="text" placeholder="角色名称" style="margin-top:5px">
                    </div>
                </li>
                <li class="li1" style="border-bottom:none">
                    <div class="sel w410">
                        <input class="validate[required,custom[onlyLetterNumber],maxSize[20]]" data-name="ROLECODE" name="roleCode" type="text" placeholder="角色编号" style="margin-top:5px">
                    </div>
                </li>
            </ul>
            <p class="qg-text" style="margin-top:10px;width:100%">
                <textarea class="validate[maxSize[200]]" rows="" cols="" placeholder="备注" data-name="REMARK" name="remark"></textarea>
            </p>
        </div>
    </form>
    <div class="modal-footer" style="text-align:center">
        <button class="btn btn-w140 btn-save-icon btn-h40" id="modif" onclick="modifyRole()"><em style="top:10px;left:35px"></em>确定</button>
    </div>

</div>


<!--授权弹出层-->
<div id="shouquanlayer" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
        <h3 class="PopupTitle" style="text-align:center">授权信息</h3>
    </div>
    <div class="modal-body copy-tan">
        <ul class="ul-title">
        </ul>
        <ul class="u-info">
            <li class="li1" style="border-bottom:none">
                <div class="sel w410">
                    <input type="text" placeholder="菜单名称"  style="width:288px;margin-top:5px" id="queryMenuName">
                </div>
            </li>
        </ul>
        <a onclick="queryMenuList()" id="diaSearch" href="javascript:;" class="btn btn-w100 btn-search-icon btn-h30" style="float:left;margin-left:10px"><em></em>查询</a>
        <div style="clear:both"></div>
            <div id="menuList"></div>
    </div>
    <div class="modal-footer" style="text-align:center">
        <button class="btn btn-w140 btn-save-icon btn-h40" id="add" onclick="saveRoleMenu()"><em style="top:10px;left:35px"></em>确定</button>
    </div>
</div>


<div id="modifyMenu" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
        <h3 class="PopupTitle" style="text-align:center">编辑菜单信息</h3>
    </div>
    <form id="modifyMenuForm">
    <div class="modal-body copy-tan">
        <ul class="ul-title">
            <li>菜单名称 </li>
            <li>菜单编号</li>
        </ul>
        <ul class="u-info">
            <li class="li1" style="border-bottom:none">
                <div class="sel w410">
                    <input type="hidden" name="id" data-name="id" />
                    <input name="showName" type="text" placeholder="菜单名称"  style="width:288px;margin-top:5px" data-name="showName">
                </div>
            </li>
            <li class="li1" style="border-bottom:none">
                <div class="sel w410" >
                    <input readonly="true" disabled="true" type="text" placeholder="菜单编号" style="width:288px;margin-top:5px" data-name="code">
                </div>
            </li>

            <ul class="ul-title">
                <li>排序 </li>
                <li>&nbsp;</li>
            </ul>
            <li class="li1" style="border-bottom:none">
                <div class="sel w410" >
                    <input onkeypress="return inputOnlyNUM(event,this)" type="text" placeholder="排序号" style="width:288px;margin-top:5px" data-name="sort" name="sort">
                </div>
            </li>
            <li class="li1" style="border-bottom:none">
                <div class="sel w410" >
                </div>
            </li>

            <ul class="ul-title">
                <li>路径 </li>
                <li>图片</li>
            </ul>
            <li class="li1" style="border-bottom:none">
                <div class="sel w410" >
                    <input readonly="true" disabled="true" type="text" placeholder="路径" style="width:288px;margin-top:5px" data-name="url">
                </div>
            </li>
            <li class="li1" style="border-bottom:none">
                <div class="sel w410" >
                    <input readonly="true" disabled="true" type="text" placeholder="图片" style="width:288px;margin-top:5px" data-name="imgUrl">
                </div>
            </li>
        </ul>

        <p class="qg-text" style="margin-top:30px;width:100%"><textarea rows="" cols="" placeholder="备注" data-name="createRemark" name="createRemark"></textarea></p>
    </div>
    </form>
    <div class="modal-footer" style="text-align:center">
        <button onclick="modifyMenu()"  class="btn btn-w140 btn-save-icon btn-h40 btnSubmit" ><em style="top:10px;left:35px" ></em>确定</button>
    </div>
</div>